@charset "utf-8";
.news-box {
    margin-top: 42px;
    h3 {
        font-size: 30px;
        color: #ff6b08;
        margin: 0 auto 40px;
    }
    .news-content {
        .news-text {
            margin-bottom: 80px;
            .news-title {
                img {
                    width: 100%;
                }
            }
            .news-introduce {
                position: relative;
                a {
                    color: #ff6900;
                    text-decoration: none;
                }
                button {
                    width: 98px;
                    height: 32px;
                    border: 1px solid #ff6900;
                    border-radius: 5px;
                    position: absolute;
                    bottom: -50px;
                    right: 0;
                    background-color: transparent;
                    outline: none;
                    &:hover {
                        color: white;
                        background-color: #ff6900;
                    }
                }
                h4 {
                    font-size: 18px;
                    color: #666666;
                    margin: 0 auto 10px;
                }
                span {
                    font-size: 14px;
                }
            }
        }
        .news-img {
            margin-bottom: 92px;
            img {
                width: 100%;
            }
        }
        .bottom {
            border-top: 1px dashed #d4d4d4;
            width: 80%;
            margin: 0 auto;
            text-align: center;
            padding: 36px 0 26px;
            a {
                color:#000000;
                button {
                    background-color: transparent;
                    padding-left: 5px;
                    border-radius: 5px;
                    border:1px solid #dddddd; 
                    &:hover{
                        background-color: #e34637;
                    color: white;
                    }
                }
                &:hover{
                    background-color: #e34637;
                    color: white;
                }
            }
        }
    }
}
@media only screen and (max-width:768px){
    .news-box h3{
        font-size: 20px;
        text-align: center;
    }
}
